
.basic-info-box {
  width: 100%;
  min-height: 200px;
  background: #FFFFFF;
  margin-top: 10px;
}

.basic-title {
  height: 50px;
  width: 100%;
  display: flex;
  flex-flow: wrap;
  text-align: center;
  align-content: center;
}

.title-divider-size {
  height: 1px;
  width: 100%;
  background: #F0F0F2;
}

.title-text-size {
  margin-left: 10px;
  font-size: 20px;
  font-weight: 800;
}

:deep(.user-box) {
  display: flex;
  flex-flow: wrap;
  color: #D57812;
  align-content: center;
  text-align: center;
  margin-left: 50px;
  height: 35px;
  width: 480px;
  border-radius: 2px;
}

:deep(.edu-style) {
  background: linear-gradient(to right, #FAE6CB, #F8CE91);

  span {
    margin-left: 10px;
  }
}

:deep(.word-style) {
  color: #A4A9FF;
  background: linear-gradient(to right, #ECF5FF, #ECF5FF);

  span {
    margin-left: 10px;
  }
}

:deep(.user-btn) {
  cursor: pointer;
  position: relative;
  background: #E6C39C;
  color: #FFFFFF;
  border-color: transparent;
  border-radius: 50px;
  margin-right: 10px;
}

:deep(.work-btn) {
  background: #9BCCFF;
  color: #FFFFFF;
}

:deep(.text-v-html) {
  width: auto;
}

:deep(.text-v-html-color) {
  cursor: pointer;
  color: #277CCC;
  margin-left: 10px;

  span {
    width: 200px;
  }
}

:deep(.text-style) {
  background: transparent;
  color: #999AAA;
}